<template>
	<el-row class="tac">
		<!-- {{ menuList }} -->
		<el-col :span="4">
			<el-menu default-active="1" class="el-menu-vertical-demo" @select="handleMenuSelect">
				<el-menu-item v-for="item in menuList" :key="item.code" :index="item.code">
					<!-- <el-icon><Tickets /></el-icon> -->
					<span> {{ item.name }}</span>
				</el-menu-item>
				<!-- <el-menu-item index="2">
					<el-icon><Tickets /></el-icon>
					<span>标准编制截止时间</span>
				</el-menu-item>
				<el-menu-item index="3">
					<el-icon><Tickets /></el-icon>
					<span>征求意见截止时间</span>
				</el-menu-item>
				<el-menu-item index="4">
					<el-icon><Tickets /></el-icon>
					<span>外网征求意见返回截止时间</span>
				</el-menu-item>
				<el-menu-item index="5">
					<el-icon><Tickets /></el-icon>
					<span>复审截止时间</span>
				</el-menu-item>
				<el-menu-item index="6">
					<el-icon><Tickets /></el-icon>
					<span>前瞻性研究申报截止时间</span>
				</el-menu-item>
				<el-menu-item index="7">
					<el-icon><Tickets /></el-icon>
					<span>前瞻性研究过程时间</span>
				</el-menu-item> -->
			</el-menu>
		</el-col>
		<el-col :span="19" style="margin-left: 20px">
			<shenbao v-if="checkindex === '1'" />
			<bianzhijiezhi v-if="checkindex === '2'" />
			<waiwang v-if="checkindex === '3'" />
			<fushen v-if="checkindex === '4'" />
			<qianshenbao v-if="checkindex === '5'" />
			<qianguocheng v-if="checkindex === '6'" />

			<!-- <bianzhi /> -->
		</el-col>
	</el-row>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { min } from 'xe-utils'
import addzhengce from './components/zhengceadd.vue'
import bianzhijiezhi from './common/bianzhijiezhi.vue'
import shenbao from './common/shenbao.vue'
import bianzhi from './common/bianzhi.vue'
import zhengqiuyijian from './common/zhengqiuyijian.vue'
import waiwang from './common/waiwang.vue'
import fushen from './common/fushen.vue'
import qianguocheng from './common/qianguocheng.vue'
import qianshenbao from './common/qian-shenbao.vue'
import { useDictionaryStore } from '@/store/modules/dictionary'
const dictionaryStore = useDictionaryStore()
const menuList = dictionaryStore.getDictionaryByCode('T0024')
const checkindex = ref('1')
const handleMenuSelect = (index: string) => {
	checkindex.value = index
}
</script>

<style lang="scss" scoped>
.tac {
	height: calc(100vh - 112px);
}

.el-menu-vertical-demo {
	height: 100%;
}
</style>
